import h from './mysnabbdom/h';
import patch from './mysnabbdom/patch';

// 创建虚拟节点
var myVnode1 = h('p', {}, '百度');

var myVnode2 = h('ol', {}, [
  h('li', { key: 'A' }, 'A'),
  h('li', { key: 'B' }, 'B'),
  h('li', { key: 'C' }, 'C'),
  h('li', { key: 'D' }, 'D'),
]);
var myVnode3 = h('ol', {}, [
  h('li', { key: 'C' }, 'C'),
  h('li', { key: 'D' }, 'DDDD'),
  h('li', { key: 'E' }, 'E'),
  h('li', { key: 'T' }, 'T'),
  h('li', { key: 'F' }, 'F'),
]);

// 容器
const container = document.getElementById('container');

//上树
patch(container, myVnode2);

document.getElementById('btn').addEventListener('click', () => {
  patch(myVnode2, myVnode3);
})